<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<script src="js/jquery-3.0.0.js"></script>
		<script src="js/bootstrap.js"></script>
		<link rel="stylesheet" type="text/css" href="/static/style/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="/static/style/top_footer.css"/>
		<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="/static/style/common.css"/>
		<link rel="stylesheet" href="/static/style/list.css" />
	</head>
	<body>
		<!--顶部-->
		<header class="top">
			<div class="container pad">
				<div class="left">
					<a href=""><span class="top-left1">深圳</span></a>
					<a href=""><span class="top-left"> | [ 广州</span></a>
					<a href=""><span class="top-left">成都</span></a>
					<a href=""><span class="top-left">南京</span></a>
					<a href=""><span class="top-left">切换城市 ]</span></a>
				</div>
				<div class="right">
					<a href=""><span class="top-left1"><span class="regist">注册/</span><span class="login"></span>登录&nbsp;</span><span class="vertical-line">|</span></a>
					<a href=""><span class="top-right">个人中心</span><span class="vertical-line">|</span></a>
					<a href=""><span class="top-right">商户推广</span><span class="vertical-line">|</span></a>
					<a href=""><span class="top-right">合作及其工具</span><span class="vertical-line">|</span></a>
					<a href=""><span class="top-right">帮助</span>
				</div>
			</div>
		</header>
		<!--顶部导航-->
		<div class="middle-nav">
			<div class="container pad">
				<div class="left">
					<img src="/static/img/logo.png" alt="橘子生活"  class="logo"/>
					<div class="middle-title-box">
						<a href=""><span class="middle-title">深圳橘子生活</span></a>>
						<a href=""><span class="middle-title">深圳房产</span></a>>
						<a href=""><span class="middle-title">深圳房租</span></a>>
						<a href=""><span class="middle-title">罗湖租房</span></a>
					</div>
				</div>
				<div class="right">
					<div class="right-release">免费发布信息</div>
				</div>
			</div>
		</div>
		<!--中间主体内容-->
		<article class="middle">
			<!--信息筛选-->
			<div class="container area pad">
				<div class="area-info">
					<div class="area-info-lists">
						<span class="area-info-lists-title">位置</span>
						<a href=""><span class="area-info-lists-list-txt active-color">不限</span></a>
						<div class="area-info-lists-list2">
							<div class="area-content-lists">
								<a href=""><span class="area-content-list ">罗湖区</span></a>
								<a href=""><span class="area-content-list">罗湖区</span></a>
								<a href=""><span class="area-content-list">罗湖区</span></a>
							</div>
							<div class="area-clasify">
								<div class="area-clasify-lists">
									<a href=""><span class="area-clasify-list">百仕达</span></a>
									<a href=""><span class="area-clasify-list">布吉</span></a>
								</div>
								<div class="area-clasify-lists">
									<a href=""><span class="area-clasify-list">百仕达</span></a>
									<a href=""><span class="area-clasify-list">布吉</span></a>
								</div>
								<div class="area-clasify-lists">
									<a href=""><span class="area-clasify-list">百仕达</span></a>
									<a href=""><span class="area-clasify-list">布吉</span></a>
								</div>
					        </div>
						</div>
					</div>
					<div class="area-info-lists">
						<span class="area-info-lists-title">租金</span>
						<a href=""><span class="area-info-lists-list-txt active-color">不限</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
					</div>
					<div class="area-info-lists">
						<span class="area-info-lists-title">厅室</span>
						<a href=""><span class="area-info-lists-list-txt active-color">不限</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
					</div>
					<div class="area-info-lists">
						<span class="area-info-lists-title">租赁方式</span>
						<a href=""><span class="area-info-lists-list-txt active-color">不限</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
						<a href=""><span class="area-info-lists-list-txt">500元以下</span></a>
					</div>
					<div class="area-info-lists">
						<span class="area-info-lists-title">搜索</span>
						<div class="search">
							<input class="search-box" type="text" />
							<input type="submit" class="search-txt"  value="搜索"></input>
						</div>
					</div>
					<div class="area-info-lists">
						<span class="area-info-lists-title">筛选条件</span>
						<div class="select-lists">
							<div class="select-list">
								<span class="select-box">宝安区</span>
								<span class="search-box-delete"></span>
							</div>
							<div class="select-list">
								<span class="select-box">宝安区</span>
								<span class="search-box-delete"></span>
							</div>
							<div class="select-list">
								<span class="select-box">宝安区</span>
								<span class="search-box-delete"></span>
							</div>	
						</div>
					</div>
				</div>
			</div>
			<!--中间内容列表-->
			<div class="container middle-list ">
				<div class="middle-list-left col-md-10">
					<!--内容列表菜单-->
					<div id class="middle-list-menus">
						<a href=""><div class="middle-list-menu middle-list-menu-active">全部</div></a>
						<a href=""><div class="middle-list-menu">经纪人</div></a>
						<a href=""><div class="middle-list-menu">个人</div></a>
					</div>
					<!--内容列表总数量-->
					<div class="middle-list-qulity">共找到 <span class="middle-list-qulity-span">788</span> 套深圳二手房</div>
					<!--内容列表-->				
					<div class="middle-list-content pad">
						<div class="middle-list-single row" >
						<div class="col-md-3">
							<img class="middle-list-single-img img-responsive" src="/static/img/demo1.png" alt="" />
						</div>
						<div class="col-md-7 middle-list-content-middle">
							<div class="middle-list-single-txt">
								<a href=""><div class="middle-list-single-txt1">罗湖区近地王东门交通便利适合居住三方次卧出租</div></a>
								<div class="middle-list-single-txt2 middle-list-single-txt21">
									<span class="middle-list-single-txt2-icon"></span>	
									<span class="middle-list-single-txt2-span">京基东方都会</span>|
									<span class="middle-list-single-txt2-span">1室1厅</span>|	
									<span class="middle-list-single-txt2-span">35.18平米</span>|	
									<span class="middle-list-single-txt2-span">东</span>|
									<span class="middle-list-single-txt2-span">精装</span>
								</div>
								<div class="middle-list-single-txt2 middle-list-single-txt22">
									中层楼(共32层)2004年建塔楼 - 新秀
								</div>
								<div class="middle-list-single-txt2 middle-list-single-txt23">
									联系人:张老师(个人)
								</div>
							</div>
						</div>
						<div class="col-md-2">
							<div class="middle-list-single-right">
								<div class="middle-list-single-price">1200<span class="middle-list-single-price-span">元/月</span></div>
								<div class="middle-list-single-spec">3室2厅1卫</div>
							</div>
						</div>
					</div>
						<div class="middle-list-single row" >
						<div class="col-md-3">
							<img class="middle-list-single-img img-responsive" src="/static/img/demo1.png" alt="" />
						</div>
						<div class="col-md-7 middle-list-content-middle">
							<div class="middle-list-single-txt">
								<a href=""><div class="middle-list-single-txt1">罗湖区近地王东门交通便利适合居住三方次卧出租</div></a>
								<div class="middle-list-single-txt2 middle-list-single-txt21">
									<span class="middle-list-single-txt2-icon"></span>	
									<span class="middle-list-single-txt2-span">京基东方都会</span>|
									<span class="middle-list-single-txt2-span">1室1厅</span>|	
									<span class="middle-list-single-txt2-span">35.18平米</span>|	
									<span class="middle-list-single-txt2-span">东</span>|
									<span class="middle-list-single-txt2-span">精装</span>
								</div>
								<div class="middle-list-single-txt2 middle-list-single-txt22">
									中层楼(共32层)2004年建塔楼 - 新秀
								</div>
								<div class="middle-list-single-txt2 middle-list-single-txt23">
									联系人:张老师(个人)
								</div>
							</div>
						</div>
						<div class="col-md-2">
							<div class="middle-list-single-right">
								<div class="middle-list-single-price">1200<span class="middle-list-single-price-span">元/月</span></div>
								<div class="middle-list-single-spec">3室2厅1卫</div>
							</div>
						</div>
					</div>
					</div>
				</div>
				<!--右侧广告-->
				<div class="middle-list-right col-md-2">
					<div class="middle-list-right-box1">
						<div class="middle-list-right-txt1">
							相关热搜
						</div>
						<ul class="middle-list-right-txt2">
							<a href=""><li class="middle-list-right-txt2-li">深圳 日租/短租</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳厂房/仓库/土地</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳商铺出售</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳写字楼出租</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳 日租/短租</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳厂房/仓库/土地</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳商铺出售</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳写字楼出租</li></a>
						</ul>
					</div>
					<div class="middle-list-right-box1">
						<div class="middle-list-right-txt1 middle-list-right-txt12">
							相关热搜
						</div>
						<ul class="middle-list-right-txt2">
							<a href=""><li class="middle-list-right-txt2-li">深圳 日租/短租</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳厂房/仓库/土地</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳商铺出售</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳写字楼出租</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳 日租/短租</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳厂房/仓库/土地</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳商铺出售</li></a>
							<a href=""><li class="middle-list-right-txt2-li">深圳写字楼出租</li></a>
						</ul>
					</div>
					<div class="middle-list-right-box2">
						<ol class="middle-list-right-txt3" >
							<a href=""><li class="middle-list-right-txt3-li middle-list-right-txt3-li1">自考本科</li></a>
							<a href=""><li class="middle-list-right-txt3-li middle-list-right-txt3-li2">自考本科</li></a>
							<a href=""><li class="middle-list-right-txt3-li middle-list-right-txt3-li3">英语口语</li></a>
							<a href=""><li class="middle-list-right-txt3-li">酒店管理系统</li></a>
							<a href=""><li class="middle-list-right-txt3-li">全国结婚证</li></a>
							<a href=""><li class="middle-list-right-txt3-li">全国结婚证</li></a>
							<a href=""><li class="middle-list-right-txt3-li">全国结婚证</li></a>
							<a href=""><li class="middle-list-right-txt3-li">全国结婚证</li></a>
						</ol>
					</div>
				</div>
			</div>
			<div class="page">
				<a href=""><span class="page-index page-index-active">1</span></a>
				<a href=""><span class="page-index">2</span></a>
				<a href=""><span class="page-index">3</span></a>
				<a href=""><span class="page-save">...</span></a>
				<a href=""><span class="page-index">27</span></a>
				<a href=""><span class="page-index">下一页</span></a>
			</div>
		</article>
		<!--底部-->
		<footer class="bottom">
			<div class="container bottom-first">
				<div class="col-md-7 bottom-first-left">
					<div class="bottom-first-left1">
						<a href=""><span class="bottom-first-left1-span">关于橘子生活</span></a><span class="bottom-first-left1-line">|</span>
						<a href=""><span class="bottom-first-left1-span">联系我们</span></a><span class="bottom-first-left1-line">|</span>
						<a href=""><span class="bottom-first-left1-span">人才招聘</span></a><span class="bottom-first-left1-line">|</span>
						<a href=""><span class="bottom-first-left1-span">用户协议</span></a><span class="bottom-first-left1-line">|</span>
						<a href=""><span class="bottom-first-left1-span">友情链接</span></a><span class="bottom-first-left1-line">|</span>
						<a href=""><span class="bottom-first-left1-span">房产百科</span></a><span class="bottom-first-left1-line">|</span>
						<a href=""><span class="bottom-first-left1-span">房产问答</span></a>
					</div>
					<div class="bottom-first-left2">会务合作:18340125679;charles@jiajiaxiu.com</div>
					<div class="bottom-first-left2">空间合作:13364555456;Adom@jiajiaxiu.com</div>
					<div class="bottom-first-left2">公司地址:深圳市南山区桃园街道塘岭路金騏谷大厦1107室</div>
				</div>
				<div class="col-md-3 bottom-first-center">
					<div class="bottom-first-center-txt1">400-6600150</div>
					<div class="bottom-first-center-txt2">周一至周五 9:00 - 18:00</div>
				</div>
				<div class="col-md-2 bottom-first-right">
					<img src="/static/img/logo2.png" alt="" />
				</div>
			</div>
			<div class="icp">Copyright © 2003-2017 jiajiajxiu.net,All Rights Reserved</div>
		</footer>
	</body>
</html>
<!--哈哈哈哈或-->
